<template>
<!--vh：视口高度，flex：弹性布局，lign-items 属性用于控制弹性项目在交叉轴（cross axis）上的对齐方式。justify-content 属性用于控制弹性项目在主轴上的对齐方式-->
    <div style="height: 100vh; display: flex; align-items: center; justify-content: center" >
        <div style="width: 30%">
            <img style="width: 100%" src="@/assets/imge/404.png" alt="404-找不到目标资源">
            <div style="text-align: center; padding: 20px 0; font-size: 20px"><a style="color: cornflowerblue" href="/userhome">返回主页</a></div>
        </div>
    </div>
</template>

<script>
export default {
    name: "404"
}
</script>

<style scoped>

</style>